extends ../layout

block css
    link(rel='stylesheet', href='/css/base/ck_base.css', media='screen')
    link(rel='stylesheet', href='/css/user/ck_set.css', media='screen')
block js
    script(src='/js/jquery-1.8.0.min.js')
    script(src='/js/html5.js')
    script(src='/js/jquery.common.js')
    script(src='/js/user/util.js')
block content

  .set_wrap.clearfix
    aside.set_sidebar
      .nav_hd 设置中心
      ul.sidetab
          li
            a.icoR_11(href='/info') 个人资料
          li
            a.icoR_20(href='/info/address') 收货地址
          li.curr
            a.icoR_12(href='/info/icon') 设置头像
          li
            a.icoR_15(href='/info/pwd') 帐号安全
          li
            a.icoR_21(href='/info/school') 所在学校            
    .set_content.avatar_set
      .as_hd
        .left_part
          form#upload-pic-form(name='upload-pic-form', method='post', action='/info/saveIcon', enctype='multipart/form-data')
            .mb20
              span.cos_filebtn
                i.txt.fn 上传图片
                input#userfile(type='file', name='userfile', value='上传图片')
          .pic_view
            span.tips(style='text-align:left;margin-top:110px')
              | 1.请选择JPG、GIF、PNG文件。
              br
              | 2.大小不超过1M。
              br
              | 3.尺寸不小于150*150像素。
        .right_part
          h3.c_555 效果预览
          .mt10.c_555 你上传的头像会自动生成大小三种尺寸，请注意头像是否清晰。
          ul.mt20.ava_list.clearfix
            li.ava_big
              .pic
                img(src='/images/0-0.JPG', border='0', width='150', height='150')
              .mt10 大尺寸 150*150像素
            li.ava_mid
              .pic
                img(src='/images/0-0.JPG', border='0', width='100')
              .mt10 中尺寸 110*110像素
            li.ava_small
              .pic
                img(src='/images/0-0.JPG', border='0', width='40')
              .mt10 小尺寸 40*40像素
        .cb.pt30.mb30
          a.n_btn38g.mr20(href='javascript:;') 完成
          a.n_btn38gr_b(href='javascript:;') 取消
    script(type='text/javascript').
      $(function () {
      //上传logo
      $("#userfile").change(function () {
      document.getElementById('upload-pic-form').submit();
      });
      })